<template>
    <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 6px;margin-left: 8px">
        <!--<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
        <!--<el-breadcrumb-item>-->
        <!--    <a href="/">活动管理</a>-->
        <!--</el-breadcrumb-item>-->
        <!--<el-breadcrumb-item v-if="breadCrumbList[0].path">首页</el-breadcrumb-item>-->
        <el-breadcrumb-item v-for="breadCrumbItem in breadCrumbList"
                            :key="breadCrumbItem.path"
                            :to="breadCrumbItem.path"
        >
            {{breadCrumbItem.meta.title}}
        </el-breadcrumb-item>
        <!--<el-breadcrumb-item>活动详情</el-breadcrumb-item>-->
    </el-breadcrumb>
</template>

<script>
    export default {
        name: "Home",
        //计算机属性
        computed: {
            breadCrumbList() {

                 return this.$route.matched

            }

        },

        //页面渲染之前的钩子
        mounted() {
            // 获取路由信息
            // console.log(this.$route.matched);
        }
    }
</script>

<style scoped>

</style>
